.cate{
    display: flex;
    // justify-content: space-between;
    border-top: 1px solid #ccc;
    .aside{
        height: 495px;
        width: 80px;
        text-align: center;
        background-color: #f8f8fa;
        overflow-y: auto;
        .aside_item{
            width: 80px;
            height: 55px;
            color: gray;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 14px;
            span{
                display: inline-block;
                width: 100%;
            }
        }
        .active{
            background-color: #fff;
            span{
                color: red;
                font-weight: bold;
                border-left: 4px solid red;
            }
        }
    }
    .content{
        width: 290px;
        height: 495px;
        padding: 10px;
        overflow-y: auto;
        .list2{
            h4{
                height: 30px;
                line-height: 30px;
            }
            .list3{
                display: flex;
                justify-content: start;
                flex-wrap: wrap;
                margin-bottom: 10px;
                .list3_item{
                    width: 33%;
                    text-align: center;
                    img{
                        width: 100%;
                        height: 90px;
                    }
                    .name{
                        font-size: 14px;
                    }
                }
            }
        }
        
    }
}